<template>
	<view class="content">
		
		<uni-list>
			<uni-list-item
			v-for="item,index in list"
			 :key="index"
			 :title="item.name"
			 :note="item.note"
			 :thumb="item.icon"
			 :badgeText="item.badgeText"
			 thumbSize="lg" 
			 showBadge="true"
			  >
			  </uni-list-item>
			
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				"list": [
					{
						"id": 1,
						"name": "张三",
						"icon": "/static/girl.png",
						"note": "信息工程学院",
						"badgeText":"6"
					},
					{
							"id": 2,
							"name": "李四",
							"icon": "/static/boy.png",
							"note": "信息工程学院",
							"badgeText":"7"
						},
					]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	/deep/ .uni-badge{
		background-color: red;
	}
</style>
